@import "./transition";
@import "./element-plus";
@import "./sidebar";
@import "./dark";

/* 自定义全局 CssVar */
:root {
  /* 左侧菜单展开、收起动画时长 */
  --pure-transition-duration: 0.3s;

  /* 常用border-color 需要时可取用 */
  --pure-border-color: rgb(5 5 5 / 6%);

  /* switch关闭状态下的color 需要时可取用 */
  --pure-switch-off-color: #a6a6a6;
}

/* 灰色模式 */
.html-grey {
  filter: grayscale(100%);
}

/* 色弱模式 */
.html-weakness {
  filter: invert(80%);
}

.my_label {
  display: block;
  margin-right: 5px;
  font-size: 14px;
  font-weight: 700;
  color: #606266;
  text-align: right;
}

code {
  font-size: 14px !important;
  color: #fff !important;
  background-color: #000 !important;
}

pre {
  font-size: 14px !important;
  color: #fff !important;
  background-color: #000 !important;
}

.ready {
  color: #fff !important;
  background-color: #404040 !important;
  border: none !important;

  &:hover {
    background-color: #686666 !important;
  }
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.second_primary {
  color: rgb(224 101 99) !important;
  background-color: rgb(251 239 239) !important;
  border-color: rgb(245 208 208) !important;

  &:hover {
    color: rgb(255 255 255) !important;
    background-color: rgb(224 101 99) !important;
  }

  &.is-disabled {
    color: var(--el-button-disabled-text-color) !important;
    cursor: not-allowed !important;
    background-color: var(--el-button-disabled-bg-color) !important;
    background-image: none !important;
    border-color: var(--el-button-disabled-border-color) !important;
  }
}
